﻿<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

	<!-- Meta Tags -->
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="description" content="唯楚新材">
	<meta name="keywords" content="唯楚新材">
	<meta name="author" content="cherry">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <meta name="format-detection" content="telephone=no" />

	<!-- Title -->
	<title>唯楚新材--关于我们</title>

	<!-- Favicon -->
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

	<!-- Apple Touch Icons -->
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon-180x180.png">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/menuzord.css">
	<link rel="stylesheet" href="css/menuzord-animations.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" href="css/hover.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="css/color-switcher.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">


	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<body>




<div id="preloader">
	<div id="status"></div>
</div>

<div class="page-wrapper">

	<!-- Top Bar Start -->
	<!--<div class="top-bar-v1">-->
	<!--<div class="container">-->
	<!--<div class="row">-->
	<!--<div class="col-md-4 top-contact">-->
	<!--<div class="list">-->
	<!--<i class="fa fa-envelope"></i> <a href="mailto:info@yourdomain.com">info@yourdomain.com</a>-->
	<!--</div>-->
	<!--<div class="list">-->
	<!--<i class="fa fa-phone"></i> 123 456 7890-->
	<!--</div>-->
	<!--</div>-->
	<!--<div class="col-md-8 top-social">-->
	<!--<ul>-->
	<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
	<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
	<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
	<!--<li><a href="#"><i class="fa fa-google-plus"></i></a></li>-->
	<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
	<!--<li><a href="#"><i class="fa fa-youtube"></i></a></li>-->
	<!--</ul>-->
	<!--</div>-->
	<!--</div>-->
	<!--</div>-->
	<!--</div>-->
	<!-- Top Bar End -->

	<!-- Header Start -->
	<header class="headers-con">
		<div class="container">
			<div class="row">
				<div class="col-md-4 logo">
					<a href="home-layout-1.html"><img src="images/logo.png" alt=""></a>
				</div>
				<div class="col-md-8 nav-wrapper">

					<!-- Nav Start -->
					<div id="menuzord" class="menuzord">
						<ul class="menuzord-menu">
							<li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="services.html">产品中心</a></li>
							<li><a href="gallery.html">工程案例</a></li>
							<li><a href="Blog.html">新闻资讯</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
					<!-- Nav End -->

				</div>
			</div>
		</div>
	</header>
	<!-- Header End -->


	<!-- Banner Start -->
	<div class="page-banner">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="banner-text">
						<h1>关于我们</h1>
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><i class="fa fa-angle-right"></i></li>
							<li>关于我们</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Banner End -->



	<!-- About Start -->
	<section class="about-v2">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="heading-normal">
						<h2>关于我们</h2>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<img src="images/about/1.jpg" alt="" class="img-fullwidth">
				</div>

				<div class="col-md-4">
					<h2>公司介绍</h2>
					<p>
						江苏唯楚金属新材料有限公司致力于铝幕墙材料、保温隔热材料、铝蜂窝板的设计、研发、制造、销售及安装，是一家集工业、贸易、科研、投资、服务于一体的多元化公司。公司拥有雄厚的技术力量、精湛的生产工艺、先进的检测设备、科学的管理体系和完善的客户服务。公司现有中、高级专业技术人员20多人，职工200多人，拥有多台加拿大进口现代化数控铝单板加工设备和具有当今世界一流水平的...
					</p>
					<p class="button">
						<a href="#">了解更多</a>
					</p>
				</div>
				<div class="col-md-4">
					<h2>上班时间</h2>
					<p>
					<table class="table table-striped table-bordered">
						<tr>
							<td>星期一 - 星期四</td>
							<td>9.00 - 20.00</td>
						</tr>
						<tr>
							<td>星期五</td>
							<td>9.00 - 16.00</td>
						</tr>
						<tr>
							<td>星期六</td>
							<td>9.00 - 14.00</td>
						</tr>
						<tr>
							<td>星期天</td>
							<td>休息</td>
						</tr>
					</table>
					</p>
				</div>
			</div>
		</div>
	</section>
	<!-- About End -->


	<!-- Team Start -->
	<section class="team-v2">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="heading-normal">
						<h2>高管团队</h2>
					</div>
				</div>
			</div>
			<div class="gap-small"></div>
			<div class="row">
				<div class="col-md-12">

					<!-- Team Carousel Start -->
					<div class="team-carousel">

						<div class="item">
							<div class="thumb">
								<img src="images/team-members/1.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">张新</a></h3>
								<p>董事长</p>

							</div>
						</div>


						<div class="item">
							<div class="thumb">
								<img src="images/team-members/2.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">贺涵</a></h3>
								<p>总经理</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>

						<div class="item">
							<div class="thumb">
								<img src="images/team-members/3.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">李雨</a></h3>
								<p>高级总裁</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>


						<div class="item">
							<div class="thumb">
								<img src="images/team-members/4.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">刘茹</a></h3>
								<p>高级副总裁</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>


						<div class="item">
							<div class="thumb">
								<img src="images/team-members/1.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">霍加</a></h3>
								<p>人力资源总裁</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>


						<div class="item">
							<div class="thumb">
								<img src="images/team-members/2.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">罗才</a></h3>
								<p>财务总监</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>

						<div class="item">
							<div class="thumb">
								<img src="images/team-members/3.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="">唐杰</a></h3>
								<p>技术总监</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>


						<div class="item">
							<div class="thumb">
								<img src="images/team-members/4.jpg" alt="">
							</div>
							<div class="text">
								<h3><a href="#">周毅</a></h3>
								<p>总经理</p>
								<!--<div class="social-icons">-->
								<!--<ul>-->
								<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
								<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
								<!--</ul>-->
								<!--</div>-->
							</div>
						</div>


					</div>
					<!-- Team Carousel End -->

				</div>
			</div>
		</div>
	</section>
	<!-- Team End -->




	<!-- Counter Start -->
	<section class="counter-v1 parallax parallax-1">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="counter-text">
						<p><span class="counter">45</span></p>
						<p><span>分支机构</span></p>
					</div>
				</div>
				<div class="col-md-3 col-sm-6">
					<div class="counter-text">
						<p><span class="counter">80</span></p>
						<p><span>员工</span></p>
					</div>
				</div>
				<div class="col-md-3 col-sm-6">
					<div class="counter-text">
						<p><span class="counter">2560</span></p>
						<p><span>客户</span></p>
					</div>
				</div>
				<div class="col-md-3 col-sm-6">
					<div class="counter-text">
						<p><span class="counter">18</span></p>
						<p><span>年经验</span></p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Counter End -->

	<!-- Footer Social Start -->
	<section class="footer-social footer-lower-height">
		<!--<div class="container">-->
		<!--<div class="row">-->
		<!--<div class="col-md-12">-->
		<!--<div class="item">-->
		<!--<ul>-->
		<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
		<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
		<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
		<!--<li><a href="#"><i class="fa fa-google-plus"></i></a></li>-->
		<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
		<!--<li><a href="#"><i class="fa fa-youtube"></i></a></li>-->
		<!--</ul>-->
		<!--</div>-->
		<!--</div>-->
		<!--</div>-->
		<!--</div>-->
	</section>
	<!-- Footer Social End -->


	<!-- Footer Main Start -->
	<section class="footer-main">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 col-md-3 col-lg-3 footer-col tx-cen">
					<img src="images/whiteLogo.png" alt="">
				</div>

				<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
					<h3>关于唯楚</h3>
					<div class="row">
						<div class="col-md-12">
							<p>
								江苏唯楚金属新材料有限公司致力于铝幕墙材料、
								保温隔热材料、铝蜂窝板的设计、研发、制造、销售
								及安装，是一家集工业、贸易、科研、投资、服务于
								一体的多元化公司。公司拥有雄厚的技术力量、精湛
								的生产工艺、先进的检测设备、科学的管理体系和完
								...
							</p>
						</div>
					</div>
				</div>
				<!-- contact us Start -->
				<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
					<h3>联系我们</h3>
					<div class="contact-item">
						<div class="icon"><i class="fa fa-map-marker"></i></div>
						<div class="text">江苏省常州市</div>
					</div>
					<div class="contact-item">
						<div class="icon"><i class="fa fa-phone"></i></div>
						<div class="text">123-456-7878</div>
					</div>
					<div class="contact-item">
						<div class="icon"><i class="fa fa-fax"></i></div>
						<div class="text">123-456-7890</div>
					</div>
					<div class="contact-item">
						<div class="icon"><i class="fa fa-envelope-o"></i></div>
						<div class="text">info@yokobd.com</div>
					</div>
				</div>
				<!-- contact us end -->
				<!-- company Logo start -->
				<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
					<h3>网站地图</h3>
					<div class="row">
						<div class="col-md-6">
							<ul>
								<li><a href="index.html">唯楚首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li><a href="services.html">工程案例</a></li>
								<li><a href="gallery.html">产品中心</a></li>
								<li><a href="Blog.html">新闻资讯</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!-- company Logo end-->

			</div>
		</div>
	</section>
	<!-- Footer Main End -->

	<!-- Footer Bottom Start -->
	<section class="footer-bottom">
		<div class="container footer-container">
			Copyright &copy; 2018.江苏唯楚金属新材料有限公司 All rights reserved.
		</div>
	</section>

	<a href="#" class="scrollup">
		<i class="fa fa-angle-up"></i>
	</a>

</div>


<!-- Scripts -->
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/menuzord.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/owl.animate.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/color-switcher.js"></script>
<script src="js/custom.js"></script>

</body>
</html>

